<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<style>
.align_top {
	vertical-align: top;
}

.letra {
	font: italic;
	font-size: xx-large;
}
</style>
</h:head>
<body>
	<h:form method="post" enctype="multipart/form-data">

		<p:wizard style="width:60%" nextLabel="Siguiente" backLabel="Atrás">
			<p:tab id="usuario" title="Nombre">
				<p:panel header="Nombre">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3"
						columnClasses="label, value">
						<h:outputText value="Nombre del Salón:" />
						<p:inputText required="false" />
					</h:panelGrid>
					<br />
					<p:separator />
					<br />
					<h:outputText value="Fotos" styleClass="letra" />
					<br />
					<h:outputText
						value="Seleccione las fotos del salón. Tambien las puede arrastrar al cuadro." />
					<br />
					<br />
					

					<p:growl id="messages" showDetail="true" />
				</p:panel>
			</p:tab>

			<p:tab id="domicilio" title="Domicilio y Teléfono">
				<p:panel header="Domicilio y Teléfono">
					<h:panelGrid columns="2" cellpadding="3"
						columnClasses="align_top, align_top">

						<p:fieldset legend="Domicilio" toggleable="true" toggleSpeed="500"
							collapsed="false" style="width: auto;">
							<h:panelGrid columns="2" cellpadding="3">
								<h:outputLabel value="País:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel value="Provincia:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel value="Localidad:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel value="Barrio:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>
								<h:outputLabel value="Calle:" />
								<p:inputText style="width:200px"></p:inputText>
								<h:outputLabel value="Número:" />
								<p:inputText style="width:100px"></p:inputText>
								<h:outputLabel value="Piso:" />
								<p:inputText style="width:100px"></p:inputText>

							</h:panelGrid>
						</p:fieldset>

						<p:fieldset legend="Teléfono" toggleable="true" toggleSpeed="500"
							collapsed="false" style="width: auto;">
							<h:panelGrid columns="2" cellpadding="3">
								<h:outputLabel value="Tipo:" />
								<p:selectOneMenu style="width:210px">
									<f:selectItem itemLabel="Select One" itemValue="" />
									<f:selectItem itemLabel="Option 1" itemValue="1" />
									<f:selectItem itemLabel="Option 2" itemValue="2" />
								</p:selectOneMenu>

								<h:outputLabel value="Número:" />
								<p:inputText></p:inputText>

							</h:panelGrid>
							<p:commandButton value="Agregar" icon="ui-icon-disk" />

							<p:separator id="separator" style="width:400px;text-align:right" />

							<p:dataTable var="" value="" rows="5" scrollable="true"
								editable="true" style="width:400px">

								<p:column headerText="Tipo">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="Celular" />
										</f:facet>
										<f:facet name="input">
											<p:inputText id="tipoInput" value="" style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>
								<p:column headerText="Teléfono">
									<p:cellEditor>
										<f:facet name="output">
											<h:outputText value="0351 4897654" />
										</f:facet>
										<f:facet name="input">
											<p:inputText id="telInput" value="" style="width:100%" />
										</f:facet>
									</p:cellEditor>
								</p:column>

								<p:column headerText="Modificar"
									style="width:70px;text-align: center">
									<p:rowEditor />
								</p:column>

								<p:column style="width:70px;text-align: center"
									headerText="Eliminar">
									<p:commandButton update="" oncomplete="" icon="ui-icon-close"
										title="View">
										<f:setPropertyActionListener value="" target="" />
										<p:confirm header="Confirmation" message="Are you sure?"
											icon="ui-icon-alert" />
									</p:commandButton>

									<p:confirmDialog global="true" showEffect="fade"
										hideEffect="fade">
										<p:commandButton value="Yes" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>

								</p:column>
							</p:dataTable>

						</p:fieldset>
					</h:panelGrid>

				</p:panel>
			</p:tab>

			<p:tab id="caracteristicas" title="Características">
				<p:panel header="Características">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Característica:" />
						<p:selectOneMenu style="width:210px">
							<f:selectItem itemLabel="Seleccione uno" itemValue="" />
							<f:selectItem itemLabel="Option 1" itemValue="1" />
							<f:selectItem itemLabel="Option 2" itemValue="2" />
						</p:selectOneMenu>

						<h:outputLabel value="Descripción:" />
						<p:inputTextarea required="false" />
					</h:panelGrid>

					<br />
					


					<p:growl id="messagesC" showDetail="true" />

					<br />
					<p:commandButton value="Agregar" icon="ui-icon-disk" />
					<br />

					<p:separator id="separator2" />

					<br />
					<p:dataTable var="" value="" rows="5" scrollable="true"
						editable="true" style="width:60%">

						<p:column headerText="Característica">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="Estacionamiento" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="caractInput" value="" style="width:100%" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Descripción">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="50 vehículos" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="descInput" value="" style="width:100%" />
								</f:facet>
							</p:cellEditor>
						</p:column>

						<p:column headerText="Modificar"
							style="width:70px;text-align: center">
							<p:rowEditor />
						</p:column>

						<p:column style="width:70px;text-align: center"
							headerText="Eliminar">
							<p:commandButton update="" oncomplete="" icon="ui-icon-close"
								title="View">
								<f:setPropertyActionListener value="" target="" />
								<p:confirm header="Confirmation" message="Are you sure?"
									icon="ui-icon-alert" />
							</p:commandButton>

							<p:confirmDialog global="true" showEffect="fade"
								hideEffect="fade">
								<p:commandButton value="Yes" type="button"
									styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
								<p:commandButton value="No" type="button"
									styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
							</p:confirmDialog>

						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>
			<p:tab id="menus" title="Menús">
				<p:panel header="Registrar Menú">
					<h:panelGrid columns="2" cellpadding="5" style="width:60%">
						<h:outputLabel value="Nombre Menú:" />
						<p:inputText style="width:200%"></p:inputText>

						<h:outputLabel value="Descripción:" />
						<p:inputTextarea rows="3" style="width:200%" />

						<h:outputLabel value="Preparación:" />
						<p:inputTextarea rows="3" style="width:200%" />
					</h:panelGrid>
<!-- 
					<p:panel id="insumo" header="Insumos"
						style="background-color:rgba(0,0,0,0);">
						<h:panelGrid columns="2" cellpadding="5">
							<h:outputLabel value="Insumo:" />
							<p:selectOneMenu value="" style="width:210px">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Option 1" itemValue="1" />
								<f:selectItem itemLabel="Option 2" itemValue="2" />
							</p:selectOneMenu>
							<h:outputLabel value="Cantidad:" />
							<p:inputText></p:inputText>

							<h:outputLabel value="Unidad medida:" />
							<p:selectOneMenu value="" style="width:210px">
								<f:selectItem itemLabel="Select One" itemValue="" />
								<f:selectItem itemLabel="Option 1" itemValue="1" />
								<f:selectItem itemLabel="Option 2" itemValue="2" />
							</p:selectOneMenu>

							<p:commandButton value="Agregar" icon="ui-icon-disk" />

						</h:panelGrid>

						<p:separator id="separatorMenu" style="width:100%;text-align:right" />

						<p:dataTable var="" value="" rows="5" scrollable="true"
							editable="true" style="width:100%">

							<p:column headerText="Insumos">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="Pollo" />
									</f:facet>
									<f:facet name="input">
										<p:inputText id="insumoInput" value="" style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Cantidad">
								<p:cellEditor>
									<f:facet name="output">
										<h:outputText value="250 gramos" />
									</f:facet>
									<f:facet name="input">
										<p:inputText id="cantidadInput" value="" style="width:100%" />
									</f:facet>
								</p:cellEditor>
							</p:column>

							<p:column headerText="Modificar"
								style="width:70px;text-align: center">
								<p:rowEditor />
							</p:column>

							<p:column style="width:70px;text-align: center"
								headerText="Eliminar">
								<p:commandButton update="" oncomplete="" icon="ui-icon-close"
									title="View">
									<f:setPropertyActionListener value="" target="" />
									<p:confirm header="Confirmation" message="Are you sure?"
										icon="ui-icon-alert" />
								</p:commandButton>

								<p:confirmDialog global="true" showEffect="fade"
									hideEffect="fade">
									<p:commandButton value="Yes" type="button"
										styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
									<p:commandButton value="No" type="button"
										styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
								</p:confirmDialog>

							</p:column>

						</p:dataTable>

					</p:panel>
					<br />
					<h:outputText value="Foto" />
					<br />
					<
	 -->	
					<br />
					<br />
					<p:separator />
					<br />
					<p:dataTable var="" value="" rows="5" scrollable="true"
						editable="true">

						<p:column headerText="Nombre:">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="Fideo" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="caractInput" value="" style="width:100%" />
								</f:facet>
							</p:cellEditor>
						</p:column>
						<p:column headerText="Descripción">
							<p:cellEditor>
								<f:facet name="output">
									<h:outputText value="" />
								</f:facet>
								<f:facet name="input">
									<p:inputText id="descInput" value="" style="width:100%" />
								</f:facet>
							</p:cellEditor>
						</p:column>

						<p:column headerText="Modificar"
							style="width:70px;text-align: center">
							<p:rowEditor />
						</p:column>

						<p:column style="width:70px;text-align: center"
							headerText="Eliminar">
							<p:commandButton update="" oncomplete="" icon="ui-icon-close"
								title="View">
								<f:setPropertyActionListener value="" target="" />
								<p:confirm header="Confirmation" message="Are you sure?"
									icon="ui-icon-alert" />
							</p:commandButton>

							<p:confirmDialog global="true" showEffect="fade"
								hideEffect="fade">
								<p:commandButton value="Yes" type="button"
									styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
								<p:commandButton value="No" type="button"
									styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
							</p:confirmDialog>

						</p:column>
					</p:dataTable>
				</p:panel>
			</p:tab>

			<p:tab id="bebidas" title="Bebidas">
				<p:panel id="ppal" header="Registrar Combo Bebida"
					style="width:600px" styleClass="fondo">
					<h:panelGrid columns="2" cellpadding="5">
						<h:outputLabel value="Nombre Combo:" />
						<p:inputText style="width:200%"></p:inputText>

						<h:outputLabel value="Descripción:" />
						<p:inputTextarea rows="3" style="width:200%" />
					</h:panelGrid>
					<p:panel header="Seleccionar Bebida" style="width:100%">
						<h:panelGrid columns="2" cellpadding="5">
							<h:outputLabel value="Bebida:" />
							<p:selectOneMenu id="comboBebidas" value="" effect="fade" var=""
								panelStyle="width:180px" style="width:400px"
								filterMatchMode="startsWith">
								<f:selectItems value="" var="" itemLabel="" itemValue="" />

								<p:column>
									<h:outputText value="" />
								</p:column>

							</p:selectOneMenu>

							<p:commandButton value="Agregar" ajax="false"
								update=":form:tablaDetalle" />

						</h:panelGrid>

						<p:dataTable id="tablaDetalle" var="" value="">
							<p:column headerText="Bebida">
								<h:outputText value="" />
							</p:column>

						</p:dataTable>

					</p:panel>
					<br />

					<p:commandButton value="Agregar" ajax="false" update="" />
				</p:panel>
			</p:tab>

			<p:tab id="servicios" title="Servicios">
				<p:panel header="Servicios">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Servicio:" />
						<p:selectOneMenu style="width:210px">
							<f:selectItem itemLabel="Seleccione uno" itemValue="" />
							<f:selectItem itemLabel="Option 1" itemValue="1" />
							<f:selectItem itemLabel="Option 2" itemValue="2" />
						</p:selectOneMenu>

						<h:outputLabel value="Descripción:" />
						<p:inputTextarea required="false" />
					</h:panelGrid>

					<br />

				</p:panel>
			</p:tab>

			<p:tab id="disp" title="Disponibilidad">
				<p:panel header="Características">
					<p:messages />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Característica:" />
						<p:selectOneMenu style="width:210px">
							<f:selectItem itemLabel="Seleccione uno" itemValue="" />
							<f:selectItem itemLabel="Option 1" itemValue="1" />
							<f:selectItem itemLabel="Option 2" itemValue="2" />
						</p:selectOneMenu>

						<h:outputLabel value="Descripción:" />
						<p:inputTextarea required="false" />
					</h:panelGrid>

					<br />

				</p:panel>
			</p:tab>

			<p:tab id="confirm" title="Confirmación">
				<p:panel header="Confirmación">
					<h:outputText value="Datos de Usuario" styleClass="letra" />
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputText value="Usuario:" />
						<h:outputText value="Cesar_10" />
					</h:panelGrid>
					<br />
					<h:outputLabel value="Datos del Propietario" styleClass="letra" />
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Tipo de Documento:" />
						<h:outputLabel value="DNI" />

						<h:outputLabel value="Número de Documento:" />
						<h:outputLabel value="30736574" />

						<h:outputLabel value="Apellido:" />
						<h:outputLabel value="Pinat" />

						<h:outputLabel value="Nombre:" />
						<h:outputLabel value="Cesar" />
					</h:panelGrid>
					<br />
					<h:outputLabel value="Datos de la Empresa" styleClass="letra" />
					<p:separator />
					<h:panelGrid columns="2" cellpadding="3">
						<h:outputLabel value="Razón Social:" />
						<h:outputLabel value="Pepito Lounge" />

						<h:outputLabel value="Email:" />
						<h:outputLabel value="pepito_Lounge@gmail.com" />

						<h:outputLabel value="Dirección:" />
						<h:outputLabel value="Colón 1234, Córdoba, Córdoba, Argentina" />

						<h:outputLabel value="Teléfonos:" />
						<p:dataList>
							<f:facet name="header">
							</f:facet>
						</p:dataList>
					</h:panelGrid>
					<p:separator />
					<br />
					<p:commandButton value="Guardar" icon="ui-icon-disk" />
				</p:panel>
			</p:tab>
		</p:wizard>

	</h:form>
</body>
</html>
